.el-select-dropdown__item.is-selected {
  color: #1890ff !important;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-picker-panel .el-date-range-picker__time-header .el-input--small .el-input__inner {
  font-size: 14px;
}

.nightClass {
  border: 1px solid #2a2d3c !important;


  .el-select-dropdown__item.selected.hover {
    background-color: #303445 !important;
  }

  .el-select-dropdown__empty {
    background-color: #2a2d3c !important;
  }

  .el-select-dropdown__item.selected {
    background-color: #1890ff !important;
  }

  .el-cascader-panel .el-radio {
    display: none;
  }

  .el-select-dropdown {
    border-radius: unset !important
  }

  .popper__arrow::after {
    color: #1b2532 !important;
    border-bottom-color: #1b2532 !important;
    border-top-color: #1b2532 !important;
  }

  .el-popper__arrow:before {
    background: none !important;
  }

  .el-input--small .el-input__inner {
    color: white !important;
    background-color: #314054 !important;
  }

  .el-scrollbar {
    background-color: #2a2d3c;
    color: white;
    border: 1px solid #2a2d3c;

    .el-time-spinner__item {
      color: white;
    }

    .el-time-spinner__item.active:not(.disabled) {
      color: #1890ff;
    }

    .el-time-spinner__item:hover:not(.disabled):not(.active) {
      background-color: #303445;
    }

    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
      background-color: #303445;
    }

    .el-select-dropdown__item.is-hovering {
      background-color: #303445 !important;
    }

    .el-select-dropdown__item {
      color: #ccc;
    }
  }

  .el-select-dropdown {
    border: 1px solid #303445 !important;
  }



  // 日期选择框样式


  .el-range-editor--small.el-input__inner {
    color: white !important;
    background-color: #314054 !important;
    border: none !important;
  }

  .el-date-table td.disabled div {
    background: #1b2532;
  }

  .el-picker-panel__shortcut {
    color: #fff !important;
  }

  .el-button.is-disabled,
  .el-button.is-disabled:hover {
    background: #1b2532 !important;
    color: #fff !important;
    border-color: #1b2532 !important;
  }

  .el-button.is-text {
    color: #1890ff;
  }

  .el-picker-panel .el-button.is-plain,
  .night~.el-picker-panel .el-button.is-disabled.is-plain:hover,
  .night~.el-picker-panel .el-button.is-disabled.is-plain:focus {
    color: #fff !important;
    border: none !important;
    background-color: #1890ff !important;
  }

  .el-range-editor--small.el-input__inner:not(:placeholder-shown) {
    color: white;
    background-color: #314054 !important;
  }

  .el-date-editor .el-range-input::placeholder {
    color: #5A6676;
    /* placeholder颜色 */
  }

  .el-input--small .el-input__wrapper {
    background: #314054 !important;
    height: 32px !important;
  }

  .el-picker-panel .el-date-range-picker__time-header .el-input--small .el-input__inner {
    border: none !important;
  }

  .el-input__wrapper {
    box-shadow: 0 0 0 1px #5a6675 !important;
  }

  .el-picker-panel [slot=sidebar],
  .el-picker-panel__sidebar {
    background-color: #324053;
    border-right: 1px solid #5a6675;
  }


  .el-picker-panel {
    color: #FFFFFF;
    border: 1px solid #5a6675;
    background-color: #314054;

    .available {
      color: #fff;
    }

    .el-date-table td.available:hover {
      color: #1890ff;
    }

    .el-date-editor .el-range-input {
      color: #fff;
    }

    .el-date-range-picker__time-header {
      border-bottom: 1px solid #5a6675;

      .el-input--small .el-input__inner {
        border: 1px solid #5a6675;
      }
    }

    .el-date-range-picker__time-header>.el-icon-arrow-right {
      color: #FFFFFF;
    }

    .el-date-range-picker__content.is-left {
      border-right: #5a6675;
    }

    .el-date-table td.today span {
      color: #1890ff;
    }

    .el-date-range-picker__editor {
      color: #FFFFFF;
    }

    .el-picker-panel__icon-btn {
      color: #FFFFFF;
    }

    .el-date-table td.in-range div,
    .el-date-table td.in-range div:hover,
    .el-date-table.is-week-mode .el-date-table__row.current div,
    .el-date-table.is-week-mode .el-date-table__row:hover div {
      background-color: #1b2532;
    }

    .el-date-table td.end-date span,
    .el-date-table td.start-date span {
      background-color: #1890ff;
      color: #FFFFFF;
    }

    .el-picker-panel__footer {
      border-top: 1px solid #5a6675;
      background-color: #314054;
    }

    .el-date-table th {
      color: #fff;
      border-bottom: 1px solid #5a6675;
    }



    border: 1px solid #3F4456;

    .el-row {
      background-color: #2a2d3c !important;
    }

    :deep(.el-form-item__label) {
      color: #FFFFFF;
    }

    :deep(.el-input__inner) {
      color: #fff;
      background-color: #303445;
      border: 1px solid #414556;
    }

    ::placeholder {
      color: #96989e;
    }

    .el-button--info {
      background-color: #7076D8;
      border: 1px solid #7076D8;

      &:hover {
        background-color: #7e83db;
      }
    }



    .el-time-panel__btn {
      color: #FFFFFF;
    }
  }


  // 级联框

  .el-cascader-menu__list {
    background-color: #2a2d3c !important;
    border-radius: 3px !important;
  }

  .el-cascader__dropdown {
    border: 1px solid #2a2d3c !important;
    border: none !important;
  }

  .el-cascader-menu {
    color: white !important;
    border-right: solid 0px #E4E7ED !important;
  }



  [class*=" el-icon-"],
  [class^=el-icon-] {
    color: white !important;
  }

  .el-popper[x-placement^=bottom] {
    border: none !important;
  }

  .el-cascader-node.in-active-path,
  .el-cascader-node.is-active,
  .el-cascader-node.is-selectable.in-checked-path {
    color: #1890ff !important;
  }

  .el-cascader-node__label {}

  .el-cascader-node:not(.is-disabled):focus,
  .el-cascader-node:not(.is-disabled):hover {
    background-color: #303445;
  }



  .el-cascader__suggestion-list {
    background: #243243 !important;
    color: #fff !important;
  }


  .el-input-group__append,
  .el-input-group__prepend {
    background-color: #3e4252;
    border: 1px solid #414556;
  }


}

.nightDropdown {
  border: 1px solid #303445 !important;

  .el-dropdown-menu {
    background-color: #303445 !important;
    border-radius: 0px !important;
  }

  .el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-bottom-color: #303445 !important;
    border-right-color: #303445 !important;
  }

  .el-popper__arrow::before {
    background: #303445 !important;
  }

  .el-dropdown-menu__item:not(.is-disabled):focus,
  .el-dropdown-menu__item:not(.is-disabled):hover {
    color: #409eff !important;
    background-color: #2a2d3c !important;
  }

  .el-dropdown-menu__item {
    color: #fff !important;
  }
}